<div class="fl-adminusersettings-wrapper">
    <Br/>
   <div class="fl-option-toolbar">
      <div class="fl-administer-icon icon"></div>
      <div class="fl-toolbar-left-wrapper">
         <h1>User Settings</h1>
      </div>
      <!--<div class="fl-toolbar-right-wrapper">-->
      <!--  <div class="fl-default-page-wrapper">-->
      <!--    <label>-->
      <!--      <!--OLD CHECKBOX FOR SETTING LANDING PAGE <input type="checkbox" class="setting_landing_page">-->
      <!--      <span> <input type='checkbox' name='custom-checkbox' id='custom-checkbox' class='css-checkbox setting_landing_page' /><label for='custom-checkbox' class='css-label'></label></span>-->
      <!--      <span style="position: relative; top: 1px; left: -1px;">Make as default landing page?</span>-->
      <!--    </label>-->
      <!--  </div>-->
      <!--</div>-->
      <div class="clearfix"></div>
   </div>
  <?php include 'layout/adminbar.php';?>
   <br/><br/><br/>
   <div class='fl-list-of-app-record-wrapper'>
     <div class="clearfix"></div> 
         <div class="fl-tab-wrapper">
              <ul id="tabs">
                  <li class=""><a id="tab1">User List</a></li>
                  <li class=""><a id="tab2">Add Users</a></li>
                  <li class=""><a id="tab3">Deactivate Users</a></li>
             </ul>
        </div>
        <div class="fl-head-title-wrapper">
             <h2>Users</h2>
        </div>
        <div class="tab-container" id="tab1C">
          <div class="fl-option-toolbar">
            <div class="fl-toolbar-left-wrapper">
              
            </div>
            <div class="fl-toolbar-right-wrapper">
               <div class="fl-search-wrapper" style="width:250px;">
                <input type="text"  placeholder="Search activated users.." class="" id="txtActivatedUserDatatable" style="float:right;"> 
                    <input type="button" value="" class="search icon fl-search-icon-list" id="btnSearchActivatedUserDatatable" style="">
              </div>
            </div>
             <div class="clearfix"></div>
          </div><!-- end of option toolbar -->
          <div class="fl-table-wrapper">
            <div class="fl-userlist-wrapper">
              <table class="table_data display_data dataTable"  id="loadUser" style="width:100%;">
                  <thead class="fl-header-tbl-wrapper">
                     <tr>
                        <!--<th style="width:41px !important;cursor:auto"><!--<input type="checkbox" class="selectAll css-checkbox" id="selectAll" /><label for="selectAll" class="css-label"></label></th>-->
                        <th style="width:39px !important;cursor:auto">Image</th>
                        <th style="width:169px !important" field_name="email"><span class='sortable-image' style='position:absolute'></span><span style="margin-left:10px">Email</span></th>
                        <th style="width:101px !important" field_name="display_name"><span class='sortable-image' style='position:absolute'></span><span style="margin-left:10px">Display Name</span></th>
                        <th style="width:149px !important" field_name="first_name"><span class='sortable-image' style='position:absolute'></span><span style="margin-left:10px">First Name</span></th>
                        <th style="width:162px !important" field_name="position"><span class='sortable-image' style='position:absolute'></span><span style="margin-left:10px">Position</span></th>
                        <th style="width:124px !important" field_name="department"><span class='sortable-image' style='position:absolute'></span><span style="margin-left:10px">Department</span></th>
                        <th style="width:115px !important" field_name="date_registered"><span class='sortable-image' style='position:absolute'></span><span style="margin-left:10px">Date Registered</span></th>
                        <th style="width:48px !important;cursor:auto">Actions</th>
                     </tr>
                  </thead>
                  <tbody></tbody>
               </table>
            </div> 
          </div>
        </div>
        <div class="tab-container" id="tab2C">
          <div class="fl-option-toolbar">
            <div class="fl-toolbar-left-wrapper">
              
            </div>
            <div class="fl-toolbar-right-wrapper">
               <!-- <div class="fl-search-wrapper" style="width:250px;">
                <input type="text"  placeholder="Search your request.." class="" id="txtActivatedUserDatatable" style="float:right;"> 
                    <input type="button" value="" class="search icon fl-search-icon-list" id="btnSearchActivatedUserDatatable" style="">
              </div> -->
            </div>
             <div class="clearfix"></div>
          </div><!-- end of option toolbar -->
          <div class="fl-table-wrapper">
             <div class="fl-userlist-wrapper">
               <table class="table_data display_data dataTable">
                   <tr>
                      <thead class="fl-header-tbl-wrapper">
                          <th>Email</th>
                          <th>Display Name</th>
                          <th>First Name</th>
                          <th>Last Name</th>
                          <th>Position</th>
                          <th>Actions</th>
                      </thead>
                    </tr>         
                     <?php
                     for($a=1;$a<=10;$a++){
                     ?>
                     <form class="registerUser<?php echo $a; ?>" method="POST">
                        <tr class="registration_list">
                           <!--<td><input type="checkbox"/></td>-->
                           <td><input type="text" data-original-title="Input Valid Email" class="input-medium regUserField regUserField<?php echo $a; ?> tip" data-reg-id="<?php echo $a; ?>" id="regEmail<?php echo $a; ?>" placeholder="Email" /></td>
                           <td><input type="text" data-original-title="Input Display Name" class="input-medium regUserField regUserField<?php echo $a; ?> tip" data-reg-id="<?php echo $a; ?>" id="regDisplayName<?php echo $a; ?>" placeholder="Display Name" /></td>
                           <td><input type="text" data-original-title="Input First Name" class="input-medium regUserField regUserField<?php echo $a; ?> tip" data-reg-id="<?php echo $a; ?>" id="regFname<?php echo $a; ?>" placeholder="First Name" /></td>
                           <td><input type="text" data-original-title="Input Last Name" class="input-medium regUserField regUserField<?php echo $a; ?> tip" data-reg-id="<?php echo $a; ?>" id="regLname<?php echo $a; ?>" placeholder="Last Name" /></td>
                           <td><input type="text" data-original-title="Input Position" class="input-medium regUserField regUserField<?php echo $a; ?> tip" data-reg-id="<?php echo $a; ?>" id="regPosition<?php echo $a; ?>" placeholder="Position" /></td>
                           <td><center><input type="button" class="btn-blueBtn regUser" id="regUser<?php echo $a; ?>" data-user-action="registerUser" data-reg-id="<?php echo $a; ?>" value="Register"><img src="/images/loader/load.gif" class="loadRegUser display" id="loadRegUser<?php echo $a; ?>"/></center></td>
                        </tr>
                     </form>
                     <?php
                     }
                     ?>
                  </tbody>
               </table>
              </div>
            </div>
        </div>
        <div class="tab-container" id="tab3C">
          <div class="fl-option-toolbar">
            <div class="fl-toolbar-left-wrapper">
              
            </div>
            <div class="fl-toolbar-right-wrapper">
               <div class="fl-search-wrapper" style="width:250px;">
                <input type="text"  placeholder="Search deactivated users.." class="" id="txtDeactivatedUserDatatable" style="float:right;"> 
                    <input type="button" value="" class="search icon fl-search-icon-list" id="btnSearchActivatedUserDatatable" style="">
              </div>
            </div>
             <div class="clearfix"></div>
          </div><!-- end of option toolbar -->
          <div class="fl-table-wrapper">
            <div class="fl-userlist-wrapper">
                  <table class="table_data display_data dataTable"  id="loadDeactivatedUser" style="width:100%;">
                    <thead class="fl-header-tbl-wrapper">
                       <tr>
                        <!--<th style="width:41px !important;cursor:auto"><!--<input type="checkbox" class="selectAll css-checkbox" id="selectAll2" /><label for="selectAll2" class="css-label"></label></th>-->
                        <th style="width:39px !important;cursor:auto">Image</th>
                        <th style="width:169px !important" field_name="email"><span class='sortable-image' style='position:absolute'></span><span style="margin-left:10px">Email</span></th>
                        <th style="width:101px !important" field_name="display_name"><span class='sortable-image' style='position:absolute'></span><span style="margin-left:10px">Display Name</span></th>
                        <th style="width:149px !important" field_name="first_name"><span class='sortable-image' style='position:absolute'></span><span style="margin-left:10px">First Name</span></th>
                        <th style="width:162px !important" field_name="position"><span class='sortable-image' style='position:absolute'></span><span style="margin-left:10px">Position</span></th>
                        <th style="width:124px !important" field_name="department"><span class='sortable-image' style='position:absolute'></span><span style="margin-left:10px">Department</span></th>
                        <th style="width:115px !important" field_name="date_registered"><span class='sortable-image' style='position:absolute'></span><span style="margin-left:10px">Date Registered</span></th>
                        <th style="width:48px !important;cursor:auto">Actions</th>
                     </tr>
                    </thead>
                    <tbody></tbody>
                 </table>
              </div>
            </div>
        </div> 
  </div>
  <div class="clearfix"></div> 
</div>
</div>

